﻿
    div.StoryBoard
    {
         
         width:100%;
          max-height:85%;          
         border:0px solid none;
         overflow: auto;
        
        }
        
.firstPage
{
   margin-left:55px;
   margin-right:48px;  
}
    
 .lastPage
 {
   margin-left:55px;
   margin-right:20px;          
 }
 
 .oddPage
 {
    
 }
     
  .evenPage
  {
     /*margin-left:15px;      */
  }
  
    div.firstPage label.pageNumber
   {
        
          bottom:0px;                 
          right:0px;
   } 
         
         
      div.lastPage label.pageNumber
     {
        
          bottom:0px;  
          left:0px;              
          
     } 
         
         
   div.oddPage label.pageNumber
     {
         
          bottom:0px;  
          right:0px;               
          
     } 
         
         
  div.evenPage label.pageNumber
    {
         
          bottom:0px; 
          left:0px;               
          
    } 
    
    label.pageNumber
    {
         position:absolute;
         font-weight:bold;
         padding:2px;
         font-size:15px;
        }
     
         
  
  
  
  	div.article-region  
  	{
  	     width:84%;
  	     height: auto;
  	      float:left; 
  	      z-index:1;   	      
  	      padding-left:8px;
  	      padding-right:8px;
  	      overflow:hidden;
  	      max-height:130px;
  	      
  	      
  	 }
  	 
  	 	div.article-region label
  	 	{
  	 	    cursor:move; 
  	 	    font-size:smaller;
  	 	    }
  	 	    
    div.Page 
    {
         width:101px; 
         height: 133px; 
         /*padding: 0.5em; */         
         
         padding-bottom:0.5em;
         
         float:left;
        
         position:relative;
   
       
         
         }
         
         div.standby
         {
               border: 2px dotted #000000 !important;
                width: 100px !important;
                height:131px !important;
                margin-left:15px !important;
                 margin-bottom:10px;
                        
             }
             
     div.pageGroup
     {
         float:left;
      /* height:135px;*/
      /* width:206px;*/
        margin-left:15px; 
     margin-bottom:10px;
  
      
       /*border:.5px solid red;*/
      }

div.lastPageGroup
{
    width:170px !important;
    }
         
     

    div.dragOver
    {
         background-color:#d4f2f7;
        }
    


div.ThreeQuarter
{
   height:86.25px !important;  
 

  
}
    
 div.half
 {
    height:56.25px !important;  
   
   
    
 }
 
 div.quarter
 {
         height:28.75px !important;  
      
      
        
 }
 
 div.fullPageBorder
 {
      border:2px black solid;
      height:131px;
      width:99px;
      
     }
     
     div.pageGroupBorder
     {
      border:2px black solid;
                     
         }
         
     div.pageGroupBorder div.Page
     {
         width:99px; 
         height: 129px; 
                     
     }
	
	div.ThreeQuarterArticleWapper
	{
	    
	     border:2px solid black;
	     height:100.75px;
	     width:auto;
	   
	    
	    }
	    
	 div.halfArticleWapper
	{
	    
	     border:2px solid black;
	     height:66.50px;
	     width:auto;
	   
	    
	    }
	
	
		div.quarterArticleWapper
	{
	    
	     border:2px solid black;
	     height:32.25px;
	     width:auto;
	     
	    
	    }
	    
	    
	
    div.partialArticleWapper
	{
	    
	     border:1px solid red;
	    /* height:29.75px;*/
	     width:auto;
	     background-color:Lime;
	     overflow:auto;
	    
	    }
	    
	    
	 div.articleWrapper
	 {
	        
	 }
	    

div.position1
{
    position:relative;
    top:0%;
}
    
div.position2
{
    position:relative;
    top:25%
}

div.position3
{
    position:relative;
    top:50%;
}

div.position4
{
    position:relative;
    top:75%;
    
    }